<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <title>Document</title>
    </head>
<body>
    <div id = 'app'>
        <button v-on:click = "hello">点击事件，不传参数可以省略括号</button>
        <button v-on:click = "study('石原里美')">点击事件，要传参数需要写()</button>
        <input type="text" :value = 'company'/>
        <input type="text" v-model = 'company'/>
        <a :href = 'site'>{{company}}</a>
    </div>
<script src = 'vue.js'></script>
<script>
    new Vue({
        el:'#app',
        data: {
            company: '尚硅谷',
            site: 'http://www.atguigu.com'
        },
        methods: {
            hello(){
                alert('姑娘，别这样')
            },
            study(username){
                alert(username+'姑娘，你学会了吗')
            }
        }
    })
</script>
</body>
</html>